@CHARSET "UTF-8"; * { font-family: "微软雅黑", "宋体"; }
img{ width: 100%;}
li{ list-style-type: none; }
* { margin:0px; padding:0px; border:0px;}
body { margin:0px; padding:0px; border:0px;}
dl { margin:0px; padding:0px; border:0px;}
dt { margin:0px; padding:0px; border:0px;}
dd { margin:0px; padding:0px; border:0px;}
ul { margin:0px; padding:0px; border:0px;}
ol { margin:0px; padding:0px; border:0px;}
pre { margin:0px; padding:0px; border:0px;}
form { margin:0px; padding:0px; border:0px;}
fieldset { margin:0px; padding:0px; border:0px;}
input { margin:0px; padding:0px; border:0px;}
input[type=button] { -webkit-appearance: none;}
P { margin:0px; padding:0px; border:0px;}
blockquote { margin:0px; padding:0px; border:0px;}
H1 { margin:0px; padding:0px; border:0px;}
H2 { margin:0px; padding:0px; border:0px;}
H3 { margin:0px; padding:0px; border:0px;}
H4 { margin:0px; padding:0px; border:0px;}
H4 { margin:0px; padding:0px; border:0px;}
H5 { margin:0px; padding:0px; border:0px;}
A:link { color:#686868; text-decoration: none }
A:visited { color:#686868; text-decoration: none }
A:hover { color:#686868; text-decoration: none }
A:active { color:#686868; text-decoration: none }
select { font-size: 12px }
table { border-collapse: collapse }
fieldset { margin:0px; padding:0px; border:0px;}
img { margin:0px; padding:0px; border:0px;}

#header{ position:fixed; width:100%; max-width:640px; height:50px; top:0px; border-bottom:1px solid #e6e6e6; background:#fff; overflow:hidden; zoom:1; z-index:101;}
#header .title{ height:50px; line-height:50px; font-size:18px; text-align:center; color:#323232;}
#header .logo{ height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background:url(../img/logo.png) no-repeat center center; background-size:auto 30px; text-indent:-9999em; overflow:hidden;}
#header .comment{ position:absolute; left:0px; top:0px; width:15%; height:50px; background:url(../img/comment.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header a{ position:absolute; left:0px; top:0px; width:15%; height:50px; background:url(../img/ArrowLeft.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .topSearch{ position:absolute; right:0px; top:0px; width:15%; height:50px; background:url(../img/search.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .grid{ position:absolute; right:0px; top:0px; width:15%; height:50px; background:url(../img/grid.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .toCart{ position:absolute; right:0px; top:0px; width:15%; height:50px; background:url(../img/cart.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .share{ position:absolute; right:0px; top:0px; width:15%; height:50px; background:url(../img/share.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .collect{ position:absolute; right:15%; top:0px; width:15%; height:50px; background:url(../img/collect.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .praise{ position:absolute; right:0px; top:0px; width:15%; height:50px; background:url(../img/praise.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header em{ position:absolute; right:0px; top:0px; width:15%; height:50px; line-height:50px; text-align:center; font-style:normal; color:#999;}
#header .setting{ position:absolute; right:0px; top:0px; width:15%; height:50px; background:url(../img/setting.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
#header .title a{ position:static; display:inline-block; width:20%; min-width:45px; height:48px; line-height:48px; color:#323232; font-size:16px; background:none; text-indent:inherit; overflow:hidden; margin:0px 5%; border-bottom:1px solid #fff;}
#header .title a.on{ color:#df464b; height:48px; line-height:48px; border-bottom:1px solid #df464b;}
#header .skip{ 
	position:absolute; right:17px; top:0px; width:25%; height:50px; color: #8ec31e; line-height: 50px; font-size: 15px; overflow:hidden; cursor: pointer;
}
#header .edit{ 
	position:absolute; right:14%; top:14px; width:21px; height:21px; overflow:hidden; cursor: pointer; background: url(../img/edit.png) no-repeat left top; background-size: 21px;
}
#header .add{ 
	position:absolute; right:5%; top:14px; width:21px; height:21px; overflow:hidden; cursor: pointer; background: url(../img/add.png) no-repeat left top; background-size: 21px;
}
#header .skip a,#header .edit a,#header .add a{
	text-align: right; background: none; width:100%; color: #8ec31e;
}
.index #header{ background:#52ab03; color:#fff; border:none;}
.index #header .searchWhite{ position:absolute; right:15%; top:0px; width:12%; height:50px; background:url(../img/searchWhite.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
.index #header .userWhite{ position:absolute; right:3%; top:0px; width:12%; height:50px; background:url(../img/userWhite.png) no-repeat center center; background-size:auto 20px; text-indent:-9999em; overflow:hidden;}
.index #header .title{ height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff;}

#footer{ position:fixed; width:100%; max-width:640px; height:50px; bottom:0px; background:#fff; border-top:1px solid #d2d2d2; overflow:hidden; zoom:1; z-index:102;}
#footer a{ display:block; float:left; width:25%; text-align:center;}
#footer a .pic{ height:25px; margin-top:3px;}
#footer a .pic img{ height:100%; width:auto;}
#footer a .topic{ font-size:12px; margin-top:2px; color:#666;}
#footer a.on .topic{color:#52ab03;}
	
	
body { background:#ececec;}
body {
	margin: 0 auto;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
@media all and (min-width: 640px) {
body {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
}